<template>
    <div class="zh-ebrochure-footer">
        <img src="@/assets/images/ebrochure/2.png" class="footer-left-img animate__animated animate__slideInLeft"/>
        <div class="footer-right animate__animated animate__slideInRight">
            <img src="@/assets/images/ebrochure/1.png" class="footer-right-img"/>
            <span class="footer-right-text animate__animated animate__fadeIn animate__delay-1s">致道恒达  通济天下</span>
        </div>
    </div>
</template>
<script setup lang="ts">
    import 'animate.css'
    const props = defineProps<{

    }>()
</script>
<style lang="scss" scope>
  .zh-ebrochure-footer {
        position:relative;
        height:53px;
        .footer-left-img {
        width:184px;
        height: 53px;
        position:absolute;
        left:0;
        }
        .footer-right {
            width:593px;
            height: 53px;
            position:absolute;
            right:0;
            .footer-right-text {
                height: 53px;
                line-height: 53px;
                font-size: 29px;
                color:#fefefe;
                font-weight: 400;
                text-align:center;
                letter-spacing:15px;
                display:block;
                white-space:nowrap;
            }
            .footer-right-img {
                width:593px;
                height:53px;
                position:absolute;
                right:0;
            }
        }
        
    }
</style>